<template>
    <pageTabelLayout>
        <template #pageHeader>
            <div class="search-form divClass" v-if="headerShow">
                <div>
                    <a-form size="small" :model="pageData" layout="inline">
                        
                            
                                <a-form-item label="登记日期" label-col-flex="80px" :style="{width:'310px'}">
                                    <a-range-picker  popup-container="html"   class="bacClass" v-model="pageData.registerDate" />
                                </a-form-item>
                            
                            
                                <a-form-item label="登记号" label-col-flex="80px" :style="{width:'310px'}">
                                    <a-input allow-clear  class="bacClass" placeholder=""
                                        v-model="pageData.registerCode" @press-enter="huiche" />
                                </a-form-item>
                            
                            
                                <a-form-item label="布号" label-col-flex="80px" :style="{width:'310px'}">
                                    <a-input allow-clear  class="bacClass" placeholder=""
                                        v-model="pageData.clothCode" @press-enter="huiche" />
                                </a-form-item>
                            
                            
                                <a-form-item label="品名" label-col-flex="80px" :style="{width:'310px'}">
                                    <a-input allow-clear  class="bacClass" placeholder=""
                                        v-model="pageData.productName" @press-enter="huiche" />
                                </a-form-item>
                            
                            
                                <a-form-item label="客户名称" label-col-flex="80px" :style="{width:'310px'}">
                                    <a-input allow-clear  class="bacClass" placeholder=""
                                        v-model="pageData.clientName" @press-enter="huiche" />
                                </a-form-item>
                            
                            
                                <a-form-item label="颜色深浅" label-col-flex="80px" :style="{width:'310px'}">
                                    <a-input allow-clear  class="bacClass" placeholder=""
                                        v-model="pageData.clientName" @press-enter="huiche" />
                                </a-form-item>
                            
                            
                                <a-form-item label="色系" label-col-flex="80px" :style="{width:'310px'}">
                                    <a-input allow-clear  class="bacClass" placeholder=""
                                        v-model="pageData.clientName" @press-enter="huiche" />
                                </a-form-item>
                            
                        
                    </a-form>
                </div>
                <div style="width:60px" class="my-tool-bar">
                    <Toolbar style="float:right" :items="['查询']" @select="selectHandler">
                    </Toolbar>
                </div>
            </div>
            <div class="my-divisders">
                <a-divider orientation="center">
                    <icon-double-up v-if="headerShow" @click="headerShow = false" :strokeWidth="2" :size="18" />
                    <icon-double-down v-else @click="headerShow = true" :strokeWidth="2" :size="18" />
                </a-divider>
            </div>

        </template>
        <template #pageTabel>
            <a-spin :loading="pageData.pageLoading" tip="加载中" dot style="height:100%;width: 100%;z-index:999 ;">
                <AgGridVuesCopys :rowHeight="33" :headerHeight="33" :suppressCopyRowsToClipboard="true" rowSelection="multiple"
                    @grid-ready="gridReady" style="height:100%;" :localeText="localeText1" :defaultColDef="defaultColDef"
                    class='ag-theme-alpine' :rowData="table.dataList" :columnDefs="tc">
                </AgGridVuesCopys>
            </a-spin>
        </template>
        <paginationCopys :page-size-options="pagingList1" :total="total" show-total show-jumper show-page-size
            @change="PageSize" @page-size-change="change1" style="justify-content: center;" :page-size="size"
            :current="page" />
        <a-drawer ok-text='保存' cancel-text='关闭' :drawer-style="{ 'zIndex': 999 }" :mask-closable="false" :width="400"
            popup-container=".arco-tabs-content" :height="pageData.rHeight" :visible="pageData.whShow"
            :ok-loading="pageData.pageLoading" placement="bottom" unmountOnClose @ok="sideOk" @cancel="sideNo">
            <template #title>
                {{ pageData.sideTitle }}
            </template>
            <div>
                <a-form :model="tableData" size="small" layout="inline" ref="formRef">
                    <a-form-item label="做布步骤:" :style="{ width: '100%' }" label-col-flex="90px" field="specialOther">
                        <a-textarea class="bacClass" placeholder="" v-model="tableData.specialOther.makeClothStep"
                            :max-length="400" :rules="[{ required: true, message: '做布步骤必填' }]" allow-clear
                            show-word-limit />
                    </a-form-item>
                </a-form>
            </div>
            <div style="height: 95%;">
                <a-tabs   :lazy-load="true" default-active-key="1">
                    <a-tab-pane key="1" title="烧毛工艺">
                        <a-space style="margin-bottom: 10px">
                            <a-button type="primary" @click="addLine(1)" size="mini">新增</a-button>
                            <a-button type="primary" @click="delLine(1)" size="mini">删除</a-button>
                        </a-space>
                        <a-table size="mini" :scrollbar="true" sticky-header :style="{ height: '100%' }" stripe
                            :row-selection="{ showCheckedAll: true, width: 50, onlyCurrent: true }"
                            v-model:selected-keys="selectedRowKeys1" row-key="id" :bordered="{ cell: true }"
                            :pagination="false" :columns="tableColumns1" :data="tableData['specialSinge']"
                            style="margin-bottom: 20px;">
                            <template #machine="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.machine" />
                                </div>
                            </template>
                            <template #machineSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.machineSpeed" />
                                </div>
                            </template>
                            <template #singeCraft="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.singeCraft" />
                                </div>
                            </template>
                            <template #fabricCaldera1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricCaldera1" />
                                </div>
                            </template>
                            <template #fabricCaldera2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricCaldera2" />
                                </div>
                            </template>
                            <template #fabricCaldera3="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricCaldera3" />
                                </div>
                            </template>
                            <template #fabricCaldera4="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricCaldera4" />
                                </div>
                            </template>
                            <template #fabricBlast1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricBlast1" />
                                </div>
                            </template>
                            <template #fabricBlast2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricBlast2" />
                                </div>
                            </template>
                            <template #fabricBlast3="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricBlast3" />
                                </div>
                            </template>
                            <template #fabricBlast4="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricBlast4" />
                                </div>
                            </template>
                            <template #footCaldera1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footCaldera1" />
                                </div>
                            </template>
                            <template #footCaldera2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footCaldera2" />
                                </div>
                            </template>
                            <template #footCaldera3="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footCaldera3" />
                                </div>
                            </template>
                            <template #footCaldera4="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footCaldera4" />
                                </div>
                            </template>
                            <template #footBlast1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footBlast1" />
                                </div>
                            </template>
                            <template #footBlast2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footBlast2" />
                                </div>
                            </template>
                            <template #footBlast3="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footBlast3" />
                                </div>
                            </template>
                            <template #footBlast4="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footBlast4" />
                                </div>
                            </template>
                        </a-table>
                    </a-tab-pane>
                    <a-tab-pane key="2" title="刷毛工艺">
                        <a-space style="margin-bottom: 10px">
                            <a-button type="primary" @click="addLine(2)" size="mini">新增</a-button>
                            <a-button type="primary" @click="delLine(2)" size="mini">删除</a-button>
                        </a-space>
                        <a-table size="mini" :scrollbar="true" sticky-header :style="{ height: '100%' }" stripe
                            :row-selection="{ showCheckedAll: true, width: 50, onlyCurrent: true }"
                            v-model:selected-keys="selectedRowKeys2" row-key="id" :bordered="{ cell: true }"
                            :pagination="false" :columns="tableColumns2" :data="tableData['specialBristle']"
                            style="margin-bottom: 20px;">
                            <template #fabricGreyMachine="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricGreyMachine" />
                                </div>
                            </template>
                            <template #fabricGreyMachineSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricGreyMachineSpeed" />
                                </div>
                            </template>
                            <template #fabricGreyWool1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricGreyWool1" />
                                </div>
                            </template>
                            <template #fabricGreyWool2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricGreyWool2" />
                                </div>
                            </template>
                            <template #fabricGreyDaxilinSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricGreyDaxilinSpeed" />
                                </div>
                            </template>
                            <template #fabricGreyDaxilinTension="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricGreyDaxilinTension" />
                                </div>
                            </template>
                            <template #fabricGreyOutClothTension="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricGreyOutClothTension" />
                                </div>
                            </template>
                            <template #fabricGreyInClothTension="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricGreyInClothTension" />
                                </div>
                            </template>

                            <template #fabricGreyPutClothSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricGreyPutClothSpeed" />
                                </div>
                            </template>
                            <template #fabricProductMachine="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricProductMachine" />
                                </div>
                            </template>
                            <template #fabricProductMachineSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricProductMachineSpeed" />
                                </div>
                            </template>
                            <template #fabricProductWool1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricProductWool1" />
                                </div>
                            </template>
                            <template #fabricProductWool2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricProductWool2" />
                                </div>
                            </template>
                            <template #fabricProductDaxilinSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricProductDaxilinSpeed" />
                                </div>
                            </template>
                            <template #fabricProductDaxilinTension="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricProductDaxilinTension" />
                                </div>
                            </template>
                            <template #fabricProductOutClothTension="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricProductOutClothTension" />
                                </div>
                            </template>
                            <template #fabricProductPutClothSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.fabricProductPutClothSpeed" />
                                </div>
                            </template>
                            <template #footGreyMachine="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footGreyMachine" />
                                </div>
                            </template>
                            <template #footGreyMachineSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footGreyMachineSpeed" />
                                </div>
                            </template>
                            <template #footGreyWool1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footGreyWool1" />
                                </div>
                            </template>
                            <template #footGreyWool2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footGreyWool2" />
                                </div>
                            </template>
                            <template #footGreyDaxilinSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footGreyDaxilinSpeed" />
                                </div>
                            </template>
                            <template #footGreyDaxilinTension="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footGreyDaxilinTension" />
                                </div>
                            </template>
                            <template #footGreyOutClothTension="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footGreyOutClothTension" />
                                </div>
                            </template>
                            <template #footGreyPutClothSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footGreyPutClothSpeed" />
                                </div>
                            </template>
                            <template #footProductMachine="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footProductMachine" />
                                </div>
                            </template>
                            <template #footProductMachineSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footProductMachineSpeed" />
                                </div>
                            </template>
                            <template #footProductWool1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footProductWool1" />
                                </div>
                            </template>
                            <template #footProductWool2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footProductWool2" />
                                </div>
                            </template>
                            <template #footProductDaxilinSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footProductDaxilinSpeed" />
                                </div>
                            </template>
                            <template #footProductDaxilinTension="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footProductDaxilinTension" />
                                </div>
                            </template>
                            <template #footProductOutClothTension="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footProductOutClothTension" />
                                </div>
                            </template>
                            <template #footProductPutClothSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.footProductPutClothSpeed" />
                                </div>
                            </template>
                        </a-table>
                    </a-tab-pane>
                    <a-tab-pane key="3" title="磨毛工艺">
                        <a-space style="margin-bottom: 10px">
                            <a-button type="primary" @click="addLine(3)" size="mini">新增</a-button>
                            <a-button type="primary" @click="delLine(3)" size="mini">删除</a-button>
                        </a-space>
                        <a-table size="mini" :scrollbar="true" sticky-header :style="{ height: '100%' }" stripe
                            :row-selection="{ showCheckedAll: true, width: 50, onlyCurrent: true }"
                            v-model:selected-keys="selectedRowKeys3" row-key="id" :bordered="{ cell: true }"
                            :pagination="false" :columns="tableColumns3" :data="tableData['specialSand']"
                            style="margin-bottom: 20px;">
                            <template #machine="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.machine" />
                                </div>
                            </template>
                            <template #machineSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.machineSpeed" />
                                </div>
                            </template>
                            <template #sandCraft="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.sandCraft" />
                                </div>
                            </template>
                            <template #sandModelStick1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.sandModelStick1" />
                                </div>
                            </template>
                            <template #justBackTurnStick1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.justBackTurnStick1" />
                                </div>
                            </template>
                            <template #pressureStick1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.pressureStick1" />
                                </div>
                            </template>
                            <template #sandModelStick2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.sandModelStick2" />
                                </div>
                            </template>
                            <template #justBackTurnStick2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.justBackTurnStick2" />
                                </div>
                            </template>
                            <template #pressureStick2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.pressureStick2" />
                                </div>
                            </template>
                            <template #sandModelStick3="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.sandModelStick3" />
                                </div>
                            </template>
                            <template #justBackTurnStick3="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.justBackTurnStick3" />
                                </div>
                            </template>
                            <template #pressureStick3="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.pressureStick3" />
                                </div>
                            </template>
                            <template #sandModelStick4="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.sandModelStick4" />
                                </div>
                            </template>
                            <template #justBackTurnStick4="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.justBackTurnStick4" />
                                </div>
                            </template>
                            <template #pressureStick4="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.pressureStick4" />
                                </div>
                            </template>
                            <template #sandModelStick5="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.sandModelStick5" />
                                </div>
                            </template>
                            <template #justBackTurnStick5="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.justBackTurnStick5" />
                                </div>
                            </template>
                            <template #pressureStick5="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.pressureStick5" />
                                </div>
                            </template>
                            <template #sandModelStick6="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.sandModelStick6" />
                                </div>
                            </template>
                            <template #justBackTurnStick6="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.justBackTurnStick6" />
                                </div>
                            </template>
                            <template #pressureStick6="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.pressureStick6" />
                                </div>
                            </template>
                        </a-table>
                    </a-tab-pane>
                    <a-tab-pane key="4" title="抓毛工艺">
                        <a-space style="margin-bottom: 10px">
                            <a-button type="primary" @click="addLine(4)" size="mini">新增</a-button>
                            <a-button type="primary" @click="delLine(4)" size="mini">删除</a-button>
                        </a-space>
                        <a-table size="mini" :scrollbar="true" sticky-header :style="{ height: '100%' }" stripe
                            :row-selection="{ showCheckedAll: true, width: 50, onlyCurrent: true }"
                            v-model:selected-keys="selectedRowKeys4" row-key="id" :bordered="{ cell: true }"
                            :pagination="false" :columns="tableColumns4" :data="tableData['specialScratch']"
                            style="margin-bottom: 20px;">
                            <template #scratchType="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.scratchType" />
                                </div>
                            </template>
                            <template #firstMachineNo="{ record }">
                                <div style="width: 100%">
                                    <a-input :class="{ 'bacClass': (!record['disable']) }" v-model="record.firstMachineNo"
                                        :disabled="record['disable']" />
                                </div>
                            </template>
                            <template #firstMachineSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input :class="{ 'bacClass': (!record['disable']) }"
                                        v-model="record.firstMachineSpeed" :disabled="record['disable']" />
                                </div>
                            </template>
                            <template #firstGrabFrontBuffon="{ record }">
                                <div style="width: 100%">
                                    <a-input :class="{ 'bacClass': (!record['disable']) }"
                                        v-model="record.firstGrabFrontBuffon" :disabled="record['disable']" />
                                </div>
                            </template>
                            <template #firstGrabAfterBuffon="{ record }">
                                <div style="width: 100%">
                                    <a-input :class="{ 'bacClass': (!record['disable']) }"
                                        v-model="record.firstGrabAfterBuffon" :disabled="record['disable']" />
                                </div>
                            </template>
                            <template #firstNumber1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.firstNumber1" />
                                </div>
                            </template>
                            <template #firstNumber2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.firstNumber2" />
                                </div>
                            </template>
                            <template #firstNumber3="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.firstNumber3" />
                                </div>
                            </template>
                            <template #firstNumber4="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.firstNumber4" />
                                </div>
                            </template>
                            <template #firstNumber5="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.firstNumber5" />
                                </div>
                            </template>
                            <template #firstNumber6="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.firstNumber6" />
                                </div>
                            </template>
                            <template #firstNumber7="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.firstNumber7" />
                                </div>
                            </template>
                            <template #firstNumber8="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.firstNumber8" />
                                </div>
                            </template>
                            <template #secondMachineNo="{ record }">
                                <div style="width: 100%">
                                    <a-input :class="{ 'bacClass': (!record['disable']) }" v-model="record.secondMachineNo"
                                        :disabled="record['disable']" />
                                </div>
                            </template>
                            <template #secondMachineSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input :class="{ 'bacClass': (!record['disable']) }"
                                        v-model="record.secondMachineSpeed" :disabled="record['disable']" />
                                </div>
                            </template>
                            <template #secondGrabFrontBuffon="{ record }">
                                <div style="width: 100%">
                                    <a-input :class="{ 'bacClass': (!record['disable']) }"
                                        v-model="record.secondGrabFrontBuffon" :disabled="record['disable']" />
                                </div>
                            </template>
                            <template #secondGrabAfterBuffon="{ record }">
                                <div style="width: 100%">
                                    <a-input :class="{ 'bacClass': (!record['disable']) }"
                                        v-model="record.secondGrabAfterBuffon" :disabled="record['disable']" />
                                </div>
                            </template>
                            <template #secondNumber1="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.secondNumber1" />
                                </div>
                            </template>
                            <template #secondNumber2="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.secondNumber2" />
                                </div>
                            </template>
                            <template #secondNumber3="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.secondNumber3" />
                                </div>
                            </template>
                            <template #secondNumber4="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.secondNumber4" />
                                </div>
                            </template>
                            <template #secondNumber5="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.secondNumber5" />
                                </div>
                            </template>
                            <template #secondNumber6="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.secondNumber6" />
                                </div>
                            </template>
                            <template #secondNumber7="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.secondNumber7" />
                                </div>
                            </template>
                            <template #secondNumber8="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.secondNumber8" />
                                </div>
                            </template>
                        </a-table>
                    </a-tab-pane>
                    <a-tab-pane key="5" title="梳毛工艺">
                        <a-space style="margin-bottom: 10px">
                            <a-button type="primary" @click="addLine(5)" size="mini">新增</a-button>
                            <a-button type="primary" @click="delLine(5)" size="mini">删除</a-button>
                        </a-space>
                        <a-table size="mini" :scrollbar="true" sticky-header :style="{ height: '100%' }" stripe
                            :row-selection="{ showCheckedAll: true, width: 50, onlyCurrent: true }"
                            v-model:selected-keys="selectedRowKeys5" row-key="id" :bordered="{ cell: true }"
                            :pagination="false" :columns="tableColumns5" :data="tableData['specialComb']"
                            style="margin-bottom: 20px;">
                            <template #machineNo="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.machineNo" />
                                </div>
                            </template>
                            <template #upDownPressure="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.upDownPressure" />
                                </div>
                            </template>
                            <template #downUpPressure="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.downUpPressure" />
                                </div>
                            </template>
                            <template #clothSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.clothSpeed" />
                                </div>
                            </template>
                            <template #totalPressureGauge="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.totalPressureGauge" />
                                </div>
                            </template>
                            <template #pressureGauge="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.pressureGauge" />
                                </div>
                            </template>
                        </a-table>
                    </a-tab-pane>
                    <a-tab-pane key="6" title="剪毛工艺">
                        <a-space style="margin-bottom: 10px">
                            <a-button type="primary" @click="addLine(6)" size="mini">新增</a-button>
                            <a-button type="primary" @click="delLine(6)" size="mini">删除</a-button>
                        </a-space>
                        <a-table size="mini" :scrollbar="true" sticky-header :style="{ height: '100%' }" stripe
                            :row-selection="{ showCheckedAll: true, width: 50, onlyCurrent: true }"
                            v-model:selected-keys="selectedRowKeys6" row-key="id" :bordered="{ cell: true }"
                            :pagination="false" :columns="tableColumns6" :data="tableData['specialShear']"
                            style="margin-bottom: 20px;">
                            <template #machineNo="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.machineNo" />
                                </div>
                            </template>
                            <template #cutFaceBack="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.cutFaceBack" />
                                </div>
                            </template>
                            <template #clothSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.clothSpeed" />
                                </div>
                            </template>
                            <template #tension="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.tension" />
                                </div>
                            </template>
                            <template #cutHairLand="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.cutHairLand" />
                                </div>
                            </template>
                            <template #forceSpeed="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.forceSpeed" />
                                </div>
                            </template>
                        </a-table>
                    </a-tab-pane>
                    <a-tab-pane key="7" title="摇毛工艺">
                        <a-space style="margin-bottom: 10px">
                            <a-button type="primary" @click="addLine(7)" size="mini">新增</a-button>
                            <a-button type="primary" @click="delLine(7)" size="mini">删除</a-button>
                        </a-space>
                        <a-table size="mini" :scrollbar="true" sticky-header :style="{ height: '100%' }" stripe
                            :row-selection="{ showCheckedAll: true, width: 50, onlyCurrent: true }"
                            v-model:selected-keys="selectedRowKeys7" row-key="id" :bordered="{ cell: true }"
                            :pagination="false" :columns="tableColumns7" :data="tableData['specialFluff']"
                            style="margin-bottom: 20px;">
                            <template #machineNo="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.machineNo" />
                                </div>
                            </template>
                            <template #setHeat="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.setHeat" />
                                </div>
                            </template>
                            <template #actualHeat="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.actualHeat" />
                                </div>
                            </template>
                            <template #dispelCottonDuration="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.dispelCottonDuration" />
                                </div>
                            </template>
                            <template #steamDuration="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.steamDuration" />
                                </div>
                            </template>
                            <template #hotwindDuration="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.hotwindDuration" />
                                </div>
                            </template>
                            <template #coldwindDuration="{ record }">
                                <div style="width: 100%">
                                    <a-input class="bacClass" v-model="record.coldwindDuration" />
                                </div>
                            </template>
                        </a-table>
                    </a-tab-pane>
                </a-tabs>
            </div>
        </a-drawer>
    </pageTabelLayout>
</template>
<script lang="ts">
import { pagingList } from "@/api/paging";
import { post } from '@/api/http'
import { useTable, useRowKey, useTableColumn, usePagination, useRowSelection } from '@/hooks/table';
import emitter from "@/hooks/useEventBus";
import { ref, reactive, onMounted, toRefs, watch } from 'vue'
import Toolbar from '@/components/Toolbar.vue';
import { Form, Message, Modal } from '@arco-design/web-vue';
import { FormInstance } from '@arco-design/web-vue/es/form';
import { baseURL } from '../../../../api/axios.config'
import axios from "axios";
import filedownload from 'js-file-download'
import PageTabelLayout from '@/components/pageTabelLayout.vue';

import { localeText } from '@/api/aggridZw'

interface BrandInfo {
    "id": any,
    "remark": string | undefined,
    "createName": string | undefined,
    "createTime": string | undefined,
    "updateName": string | undefined,
    "updateTime": string | undefined,
    "deleteState": any,
    "obsoleteState": any,
    "serial": any,
    "rubberhoseName": any
}

export default {
    name: "SpecialFinishingProcess",
    setup() {
        const scrollbar = ref(true)
        const scroll = {
            x: 2000,
            y: 200
        };
        const tablediv = ref(null)
        const total = ref(10);
        const page = ref(1);
        const size = ref(10);
        //分页
        function PageSize(val: any) {
            page.value = val
            doRefresh();

        }
        function change1(val: any) {

            size.value = val
            doRefresh();

        }
        const headerShow = ref<boolean>(true)
        //查询方法 
        function doRefresh() {
            pageData.pageLoading = true
            post({
                // url: "/pdm/DevFabricInfo/getDevFabricInfoPage",
                url: "/pdm/DevFabricInfo/getPage",
                data: {
                    "page": page.value,
                    "size": size.value,
                    auditState: 1,
                    registerDate: pageData.registerDate,
                    registerDate2: pageData.registerDate2,
                    registerCode: pageData.registerCode,
                    clothCode: pageData.clothCode,
                    productName: pageData.productName,
                    clientName: pageData.clientName
                },
            })
                .then(({ data, code }: any) => {
                    if (code === 200) {
                        table.handleSuccess(data.list);
                        pagination.setTotalSize(data.total);
                        gridOption.value.setRowData(data.list);
                        total.value = data.total;
                    }
                })
                .catch(console.log).finally(() => {
                    pageData.pageLoading = false
                })
        }

        const { selectedRowKeys, onSelectionChange } = useRowSelection();
        const pagination = usePagination(doRefresh);
        const table = useTable();
        const rowKey = useRowKey("id");
        //未处理 表格列名
        const tableColumns = useTableColumn([
            {
                title: "序号",
                key: "id",
                dataIndex: "id",
                width: 150,
            },
            {
                title: "登记号",
                key: "registerCode",
                dataIndex: "registerCode",
                width: 150,
            },
            {
                title: "登记日期",
                key: "registerDate",
                dataIndex: "registerDate",
                width: 150
            },
            {
                title: "客户名称",
                key: "clientName",
                dataIndex: "clientName",
                width: 150
            },
            {
                title: "布号",
                key: "clothCode",
                dataIndex: "clothCode",
                width: 150
            },
            {
                title: "品名",
                key: "productName",
                dataIndex: "productName",
                width: 150
            },
            {
                title: "单位",
                key: "unit",
                dataIndex: "unit",
                width: 150
            },
            {
                title: "门幅",
                key: "validLarghezza",
                dataIndex: "validLarghezza",
                width: 150
            },
            {
                title: "克重",
                key: "fabricWeight",
                dataIndex: "fabricWeight",
                width: 150
            },
            {
                title: "产品类别",
                key: "clothType",
                dataIndex: "clothType",
                width: 150
            },
            {
                title: "面料类型",
                key: "fabrIcType",
                dataIndex: "fabrIcType",
                width: 150
            },
            {
                title: "创建人",
                key: "createName",
                dataIndex: "createName",
                width: 150
            },
            {
                title: "创建时间",
                key: "createTime",
                dataIndex: "createTime",
                width: 200
            },
            {
                title: "操作",
                key: "details",
                dataIndex: "details",
                slotName: "details",
                width: 150, fixed: 'right'
            },
        ]);
        let tc: any[] = tableColumns.map((o) => {
            let obj = {
                headerName: o.title,
                field: o.key,
                pinned: o['fixed'],
            }
            if (o.slotName === 'details') {
                obj['resizable'] = false
                obj['filter'] = false
                obj['sortable'] = false
                obj["lockPosition"] = "details"
                obj['width'] = 80
                obj['cellRenderer'] = {
                    template: `<a-tag color="#ff7d00" @click="a">明细</a-tag>`,
                    setup(props: any) {
                        const a = () => {
                            Details(props.params.data)
                        }
                        return {
                            a
                        }
                    }

                }
            }
            return obj
        })

        let a = [{
            showRowGroup: 'hide_def',
            "headerName": "",
            "checkboxSelection": true,
            "headerCheckboxSelection": true,
            "pinned": "left",
            "width": 50,
            resizable: false,
            filter: false,
            sortable: false,
            minWidth: 50,
            maxWidth: 50,
            lockPosition: "left",
        }]
        tc = a.concat(tc)
        const pageData = reactive<{
            showAdd: boolean,
            sideTitle: string,
            dropDownData: any,
            nameList: [],
            pageLoading: boolean,
            typeList: [],
            dropDownData1: any,
            rHeight: any,
            btnList: any[],
            isEdit: boolean,
            tablediv: any,
            theight: number,
            dutymachineState: number | undefined,
            whShow: boolean,
            testModeCode: boolean,
            menuVisible: boolean,
            CurrentRow: boolean,
            styleMenu: boolean,
            menus: any[],
            isEdit2: boolean,
            registerDate: any,
            registerDate2: any,
            registerCode: any,
            clothCode: any,
            productName: any,
            clientName: any,
            isDetailsList: any[],
            fabricId: any
        }>({
            nameList: [],
            showAdd: false,
            sideTitle: '新增',
            dropDownData: "",
            pageLoading: false,
            typeList: [],
            dropDownData1: "",
            rHeight: 0,
            btnList: [],
            isEdit: false,
            tablediv: null,
            theight: 0,
            dutymachineState: 0,
            whShow: false,
            testModeCode: false,
            menuVisible: false,
            CurrentRow: false,
            styleMenu: false,
            menus: [],
            isEdit2: false,
            registerDate: "",
            registerDate2: "",
            registerCode: "",
            clothCode: "",
            productName: "",
            clientName: "",
            isDetailsList: [],
            fabricId: null
        });
        const tableData = reactive<{
            specialSinge: any[]
            specialBristle: any[]
            specialSand: any[]
            specialScratch: any[]
            specialComb: any[]
            specialShear: any[]
            specialFluff: any[]
            specialOther: any
        }>({
            specialSinge: [],
            specialBristle: [],
            specialSand: [],
            specialScratch: [],
            specialComb: [],
            specialShear: [],
            specialFluff: [],
            specialOther: { "fabricId": null, "makeClothStep": "" }
        });
        onMounted(() => {
            // 切换tap到本页面执行的方法
            emitter.on("SpecialFinishingProcess", () => {
                doRefresh();
            });
            pageData.rHeight = document.getElementsByClassName("arco-tabs-content")[0]?.clientHeight
            //弹出层的高
            if (pageData.rHeight !== undefined) {
                pageData.rHeight = pageData.rHeight;
            }
            window.addEventListener('resize', () => {
                pageData.rHeight = document.getElementsByClassName("arco-tabs-content")[0]?.clientHeight
                //弹出层的高
                if (pageData.rHeight !== undefined) {
                    pageData.rHeight = pageData.rHeight;
                }
            })
        });

        //查询按钮
        const selectHandler = () => {

            page.value = 1
            doRefresh()
        }

        // 表格准备事件
        const gridOption = ref()
        const gridReady = (params: any) => {
            gridOption.value = params.api
        }
        //保存
        const formRef = ref<FormInstance>()
        const sideOk = () => {
            formRef.value?.validate().then((err) => {
                if (!err) {
                    for (let key in tableData) {
                        tableData['specialOther']['fabricId'] = pageData.fabricId
                        if (key != 'specialOther') {
                            tableData[key].forEach(function (o: any) {
                                o['fabricId'] = pageData.fabricId
                                if ((o['id'] + '').indexOf('add') != -1) {
                                    o['id'] = null
                                }
                            })
                        }
                    }

                    pageData.pageLoading = true;
                    post({
                        url: "/dwWorkShop/SpecialOther/save?fabricId=" + pageData.fabricId,
                        data: tableData
                    }).then((res: any) => {
                        if (res.code === 200) {
                            formRef.value?.resetFields();
                            pageData.whShow = false
                            Message.success({
                                content: "保存成功",
                                duration: 5000,
                            });
                        } else {
                            Message.error({
                                content: res.message,
                                duration: 5000,
                            });
                        }
                        doRefresh();
                    }).finally(() => {
                        pageData.pageLoading = false
                    })
                }
            })
        }

        //明细
        const Details = (record: BrandInfo) => {
            pageData.sideTitle = '特整工艺参数维护明细'
            pageData.whShow = true
            pageData.fabricId = record['id']
            console.log(pageData.fabricId);
            singeingProcess()
            brushingProcess()
            sandingProcess()
            fleeceProcess()
            cardingProcess()
            shearingProcess()
            shakingProcess()
            clothMakingSteps()
        }


        const handleChange = (_data: any) => {
            table.handleSuccess(_data);
        }
        const defaultColDef = {
            sortable: true,
            resizable: true,
            filter: true,
        }
        //表格中文显示
        const localeText1: any = ref(localeText)
        //回车模糊查询
        const huiche = () => {
            doRefresh();
        }
        const sideNo = () => {
            pageData.whShow = false
            pageData.isEdit = false
            pageData.menuVisible = false
        }
        const dataListArray1: any = ref([])
        const pagingList1: any = ref(pagingList)
        let a1 = 0
        let a2 = 0
        let a3 = 0
        let a4 = 0
        let a5 = 0
        let a6 = 0
        let a7 = 0
        const addLine = (num: any) => {
            //在这个数组前面添加一行
            if (num == 1) {
                // if (tableData.specialSinge.length == 1) {
                //     Message.error({
                //         content: "不能超过一行数据",
                //         duration: 5000,
                //     });
                // } else {
                tableData.specialSinge.unshift({
                    id: 'add' + a1++,
                    machine: '',
                    machineSpeed: '',
                    singeCraft: "",
                    fabricCaldera1: '',
                    fabricCaldera2: '',
                    fabricCaldera3: "",
                    fabricCaldera4: '',
                    fabricBlast1: '',
                    fabricBlast2: "",
                    fabricBlast3: '',
                    fabricBlast4: '',
                    footCaldera1: "",
                    footCaldera2: '',
                    footCaldera3: '',
                    footCaldera4: "",
                    footBlast1: '',
                    footBlast2: '',
                    footBlast3: "",
                    footBlast4: '',
                })
                // }

            } else if (num == 2) {
                // if (tableData.specialBristle.length == 1) {
                //     Message.error({
                //         content: "不能超过一行数据",
                //         duration: 5000,
                //     });
                // } else {
                tableData.specialBristle.unshift({
                    id: 'add' + a2++,
                    fabricGreyMachine: '',
                    fabricGreyMachineSpeed: '',
                    fabricGreyWool1: "",
                    fabricGreyWool2: '',
                    fabricGreyDaxilinSpeed: '',
                    fabricGreyDaxilinTension: "",
                    fabricGreyOutClothTension: '',
                    fabricGreyInClothTension: '',
                    fabricGreyPutClothSpeed: '',
                    fabricProductMachine: "",
                    fabricProductMachineSpeed: '',
                    fabricProductWool1: '',
                    fabricProductWool2: "",
                    fabricProductDaxilinSpeed: "",
                    fabricProductDaxilinTension: '',
                    fabricProductOutClothTension: '',
                    fabricProductPutClothSpeed: "",
                    footGreyMachine: '',
                    footGreyMachineSpeed: '',
                    footGreyWool1: "",
                    footGreyWool2: '',
                    footGreyDaxilinSpeed: '',
                    footGreyDaxilinTension: "",
                    footGreyOutClothTension: '',
                    footGreyPutClothSpeed: '',
                    footProductMachine: "",
                    footProductMachineSpeed: "",
                    footProductWool1: "",
                    footProductWool2: '',
                    footProductDaxilinSpeed: '',
                    footProductDaxilinTension: "",
                    footProductOutClothTension: '',
                    footProductPutClothSpeed: '',
                })
                // }
            } else if (num == 3) {
                // if (tableData.specialSand.length == 1) {
                //     Message.error({
                //         content: "不能超过一行数据",
                //         duration: 5000,
                //     });
                // } else {
                tableData.specialSand.unshift({
                    id: 'add' + a3++,
                    footGreyMachine: '',
                    footGreyMachineSpeed: '',
                    footGreyWool1: "",
                    footGreyWool2: '',
                    footGreyDaxilinSpeed: '',
                    footGreyDaxilinTension: '',
                    footGreyOutClothTension: "",
                    footGreyPutClothSpeed: '',
                    footProductMachine: '',
                    footProductMachineSpeed: '',
                    footProductWool1: "",
                    footProductWool2: '',
                    footProductDaxilinSpeed: '',
                    footProductDaxilinTension: '',
                    footProductOutClothTension: "",
                    footProductPutClothSpeed: '',
                })
                // }
            } else if (num == 4) {
                tableData.specialScratch.push({
                    id: 'add' + a4++,
                    scratchType: '',
                    firstMachineNo: '',
                    firstMachineSpeed: '',
                    firstGrabFrontBuffon: '',
                    firstGrabAfterBuffon: '',
                    firstNumber1: '',
                    firstNumber2: '',
                    firstNumber3: '',
                    firstNumber4: '',
                    firstNumber5: '',
                    firstNumber6: '',
                    firstNumber7: '',
                    firstNumber8: '',
                    secondMachineNo: '',
                    secondMachineSpeed: '',
                    secondGrabFrontBuffon: '',
                    secondGrabAfterBuffon: '',
                    secondNumber1: '',
                    secondNumber2: '',
                    secondNumber3: '',
                    secondNumber4: '',
                    secondNumber5: '',
                    secondNumber6: '',
                    secondNumber7: '',
                    secondNumber8: '',
                })
                for (let i = 0; i <= tableData.specialScratch.length; i++) {
                    if (i > 0) {
                        tableData.specialScratch[i]["disable"] = true
                    }
                }

            } else if (num == 5) {
                // if (tableData.specialComb.length == 1) {
                //     Message.error({
                //         content: "不能超过一行数据",
                //         duration: 5000,
                //     });
                // } else {
                tableData.specialComb.unshift({
                    id: 'add' + a5++,
                    machineNo: '',
                    upDownPressure: '',
                    downUpPressure: '',
                    clothSpeed: '',
                    totalPressureGauge: '',
                    pressureGauge: '',
                })
                // }
            } else if (num == 6) {
                // if (tableData.specialShear.length == 1) {
                //     Message.error({
                //         content: "不能超过一行数据",
                //         duration: 5000,
                //     });
                // } else {
                tableData.specialShear.unshift({
                    id: 'add' + a6++,
                    machineNo: '',
                    cutFaceBack: '',
                    clothSpeed: "",
                    tension: '',
                    cutHairLand: '',
                    forceSpeed: '',
                })
                // }
            } else if (num == 7) {
                // if (tableData.specialFluff.length == 1) {
                //     Message.error({
                //         content: "不能超过一行数据",
                //         duration: 5000,
                //     });
                // } else {
                tableData.specialFluff.unshift({
                    id: 'add' + a7++,
                    machineNo: '',
                    setHeat: '',
                    actualHeat: '',
                    dispelCottonDuration: '',
                    steamDuration: '',
                    hotwindDuration: '',
                    coldwindDuration: '',
                })
                // }
            }
        }
        //成分 删除
        const delLine = (num: any) => {
            if (num == 1) {
                if (selectedRowKeys1.value.length === 0) {
                    Message.error({
                        content: '请先勾选',
                        duration: 5000,
                    })
                    return
                }
                tableData['specialSinge'] = tableData['specialSinge'].filter(function (o: any) {
                    return selectedRowKeys1.value.indexOf(o['id']) === -1
                })
            } else if (num == 2) {
                if (selectedRowKeys2.value.length === 0) {
                    Message.error({
                        content: '请先勾选',
                        duration: 5000,
                    })
                    return
                }
                tableData['specialBristle'] = tableData['specialBristle'].filter(function (o: any) {
                    return selectedRowKeys2.value.indexOf(o['id']) === -1
                })
            } else if (num == 3) {
                if (selectedRowKeys3.value.length === 0) {
                    Message.error({
                        content: '请先勾选',
                        duration: 5000,
                    })
                    return
                }
                tableData['specialSand'] = tableData['specialSand'].filter(function (o: any) {
                    return selectedRowKeys3.value.indexOf(o['id']) === -1
                })
            } else if (num == 4) {
                if (selectedRowKeys4.value.length === 0) {
                    Message.error({
                        content: '请先勾选',
                        duration: 5000,
                    })
                    return
                }
                tableData['specialScratch'] = tableData['specialScratch'].filter(function (o: any) {
                    return selectedRowKeys4.value.indexOf(o['id']) === -1
                })
            } else if (num == 5) {
                if (selectedRowKeys5.value.length === 0) {
                    Message.error({
                        content: '请先勾选',
                        duration: 5000,
                    })
                    return
                }
                tableData['specialComb'] = tableData['specialComb'].filter(function (o: any) {
                    return selectedRowKeys5.value.indexOf(o['id']) === -1
                })
            } else if (num == 6) {
                if (selectedRowKeys6.value.length === 0) {
                    Message.error({
                        content: '请先勾选',
                        duration: 5000,
                    })
                    return
                }
                tableData['specialShear'] = tableData['specialShear'].filter(function (o: any) {
                    return selectedRowKeys6.value.indexOf(o['id']) === -1
                })
            } else if (num == 7) {
                if (selectedRowKeys7.value.length === 0) {
                    Message.error({
                        content: '请先勾选',
                        duration: 5000,
                    })
                    return
                }
                tableData['specialFluff'] = tableData['specialFluff'].filter(function (o: any) {
                    return selectedRowKeys7.value.indexOf(o['id']) === -1
                })
            }
        }

        const tableColumns1 = [
            {
                title: "机台",
                key: "machine",
                dataIndex: "machine",
                slotName: 'machine',
                width: 150,
            },
            {
                title: "机速",
                key: "machineSpeed",
                dataIndex: "machineSpeed",
                slotName: 'machineSpeed',
                width: 150,
            },
            {
                title: "烧毛工艺",
                key: "singeCraft",
                dataIndex: "singeCraft",
                slotName: 'singeCraft',
                width: 150,
            },
            {
                title: '面',
                children: [{
                    title: '火口-1',
                    dataIndex: 'fabricCaldera1',
                    slotName: 'fabricCaldera1',
                    width: 150,
                },
                {
                    title: '火口-2',
                    dataIndex: 'fabricCaldera2',
                    slotName: 'fabricCaldera2',
                    width: 150,
                },
                {
                    title: '火口-3',
                    dataIndex: 'fabricCaldera3',
                    slotName: 'fabricCaldera3',
                    width: 150,
                },
                {
                    title: '火口-4',
                    dataIndex: 'fabricCaldera4',
                    slotName: 'fabricCaldera4',
                    width: 150,
                },
                {
                    title: '鼓风-1',
                    dataIndex: 'fabricBlast1',
                    slotName: 'fabricBlast1',
                    width: 150,
                },
                {
                    title: '鼓风-2',
                    dataIndex: 'fabricBlast2',
                    slotName: 'fabricBlast2',
                    width: 150,
                },
                {
                    title: '鼓风-3',
                    dataIndex: 'fabricBlast3',
                    slotName: 'fabricBlast3',
                    width: 150,
                },
                {
                    title: '鼓风-4',
                    dataIndex: 'fabricBlast4',
                    slotName: 'fabricBlast4',
                    width: 150,
                }]
            },
            {
                title: '底',
                children: [{
                    title: '火口-1',
                    dataIndex: 'footCaldera1',
                    slotName: 'footCaldera1',
                    width: 150,
                },
                {
                    title: '火口-2',
                    dataIndex: 'footCaldera2',
                    slotName: 'footCaldera2',
                    width: 150,
                },
                {
                    title: '火口-3',
                    dataIndex: 'footCaldera3',
                    slotName: 'footCaldera3',
                    width: 150,
                },
                {
                    title: '火口-4',
                    dataIndex: 'footCaldera4',
                    slotName: 'footCaldera4',
                    width: 150,
                },
                {
                    title: '鼓风-1',
                    dataIndex: 'footBlast1',
                    slotName: 'footBlast1',
                    width: 150,
                },
                {
                    title: '鼓风-2',
                    dataIndex: 'footBlast2',
                    slotName: 'footBlast2',
                    width: 150,
                },
                {
                    title: '鼓风-3',
                    dataIndex: 'footBlast3',
                    slotName: 'footBlast3',
                    width: 150,
                },
                {
                    title: '鼓风-4',
                    dataIndex: 'footBlast4',
                    slotName: 'footBlast4',
                    width: 150,
                }]
            }
        ]

        const tableColumns2 = [
            {
                title: '面',
                children: [
                    {
                        title: '坯布刷毛',
                        children: [{
                            title: '机台号',
                            dataIndex: 'fabricGreyMachine',
                            slotName: 'fabricGreyMachine',
                            width: 150,
                        },
                        {
                            title: '机速',
                            dataIndex: 'fabricGreyMachineSpeed',
                            slotName: 'fabricGreyMachineSpeed',
                            width: 150,
                        },
                        {
                            title: '1#毛线刷',
                            dataIndex: 'fabricGreyWool1',
                            slotName: 'fabricGreyWool1',
                            width: 150,
                        },
                        {
                            title: '2#毛线刷',
                            dataIndex: 'fabricGreyWool2',
                            slotName: 'fabricGreyWool2',
                            width: 150,
                        },
                        {
                            title: '大锡林速度',
                            dataIndex: 'fabricGreyDaxilinSpeed',
                            slotName: 'fabricGreyDaxilinSpeed',
                            width: 150,
                        },
                        {
                            title: '大锡林张力',
                            dataIndex: 'fabricGreyDaxilinTension',
                            slotName: 'fabricGreyDaxilinTension',
                            width: 150,
                        },
                        {
                            title: '出布张力',
                            dataIndex: 'fabricGreyOutClothTension',
                            slotName: 'fabricGreyOutClothTension',
                            width: 150,
                        },
                        {
                            title: '进布张力',
                            dataIndex: 'fabricGreyInClothTension',
                            slotName: 'fabricGreyInClothTension',
                            width: 150,
                        },
                        {
                            title: '摆布张力',
                            dataIndex: 'fabricGreyPutClothSpeed',
                            slotName: 'fabricGreyPutClothSpeed',
                            width: 150,
                        },]
                    },
                    {
                        title: '半成品刷毛',
                        children: [{
                            title: '机台号',
                            dataIndex: 'fabricProductMachine',
                            slotName: 'fabricProductMachine',
                            width: 150,
                        },
                        {
                            title: '机速',
                            dataIndex: 'fabricProductMachineSpeed',
                            slotName: 'fabricProductMachineSpeed',
                            width: 150,
                        },
                        {
                            title: '1#毛线刷',
                            dataIndex: 'fabricProductWool1',
                            slotName: 'fabricProductWool1',
                            width: 150,
                        },
                        {
                            title: '2#毛线刷',
                            dataIndex: 'fabricProductWool2',
                            slotName: 'fabricProductWool2',
                            width: 150,
                        },
                        {
                            title: '大锡林速度',
                            dataIndex: 'fabricProductDaxilinSpeed',
                            slotName: 'fabricProductDaxilinSpeed',
                            width: 150,
                        },
                        {
                            title: '大锡林张力',
                            dataIndex: 'fabricProductDaxilinTension',
                            slotName: 'fabricProductDaxilinTension',
                            width: 150,
                        },
                        {
                            title: '出布张力',
                            dataIndex: 'fabricProductOutClothTension',
                            slotName: 'fabricProductOutClothTension',
                            width: 150,
                        },
                        {
                            title: '进布张力',
                            dataIndex: 'fabricProductInClothTension',
                            slotName: 'fabricProductInClothTension',
                            width: 150,
                        },
                        {
                            title: '摆布速度',
                            dataIndex: 'fabricProductPutClothSpeed',
                            slotName: 'fabricProductPutClothSpeed',
                            width: 150,
                        },]
                    }
                ]
            },
            {
                title: '底',
                children: [
                    {
                        title: '坯布刷毛',
                        children: [{
                            title: '机台号',
                            dataIndex: 'footGreyMachine',
                            slotName: 'footGreyMachine',
                            width: 150,
                        },
                        {
                            title: '机速',
                            dataIndex: 'footGreyMachineSpeed',
                            slotName: 'footGreyMachineSpeed',
                            width: 150,
                        },
                        {
                            title: '1#毛线刷',
                            dataIndex: 'footGreyWool1',
                            slotName: 'footGreyWool1',
                            width: 150,
                        },
                        {
                            title: '2#毛线刷',
                            dataIndex: 'footGreyWool2',
                            slotName: 'footGreyWool2',
                            width: 150,
                        },
                        {
                            title: '大锡林速度',
                            dataIndex: 'footGreyDaxilinSpeed',
                            slotName: 'footGreyDaxilinSpeed',
                            width: 150,
                        },
                        {
                            title: '大锡林张力',
                            dataIndex: 'footGreyDaxilinTension',
                            slotName: 'footGreyDaxilinTension',
                            width: 150,
                        },
                        {
                            title: '出布张力',
                            dataIndex: 'footGreyOutClothTension',
                            slotName: 'footGreyOutClothTension',
                            width: 150,
                        },
                        {
                            title: '进布张力',
                            dataIndex: 'footGreyInClothTension',
                            slotName: 'footGreyInClothTension',
                            width: 150,
                        },
                        {
                            title: '摆布速度',
                            dataIndex: 'footGreyPutClothSpeed',
                            slotName: 'footGreyPutClothSpeed',
                            width: 150,
                        },]
                    },
                    {
                        title: '半成品刷毛',
                        children: [{
                            title: '机台号',
                            dataIndex: 'footProductMachine',
                            slotName: 'footProductMachine',
                            width: 150,
                        },
                        {
                            title: '机速',
                            dataIndex: 'footProductMachineSpeed',
                            slotName: 'footProductMachineSpeed',
                            width: 150,
                        },
                        {
                            title: '1#毛线刷',
                            dataIndex: 'footProductWool1',
                            slotName: 'footProductWool1',
                            width: 150,
                        },
                        {
                            title: '2#毛线刷',
                            dataIndex: 'footProductWool2',
                            slotName: 'footProductWool2',
                            width: 150,
                        },
                        {
                            title: '大锡林速度',
                            dataIndex: 'footProductDaxilinSpeed',
                            slotName: 'footProductDaxilinSpeed',
                            width: 150,
                        },
                        {
                            title: '大锡林张力',
                            dataIndex: 'footProductDaxilinTension',
                            slotName: 'footProductDaxilinTension',
                            width: 150,
                        },
                        {
                            title: '出布张力',
                            dataIndex: 'footProductOutClothTension',
                            slotName: 'footProductOutClothTension',
                            width: 150,
                        },
                        {
                            title: '进布张力',
                            dataIndex: 'footProductInClothTension',
                            slotName: 'footProductInClothTension',
                            width: 150,
                        },
                        {
                            title: '摆布速度',
                            dataIndex: 'footProductPutClothSpeed',
                            slotName: 'footProductPutClothSpeed',
                            width: 150,
                        },]
                    }
                ]
            },
        ]


        const tableColumns3 = [
            {
                title: "机台",
                key: "machine",
                dataIndex: "machine",
                slotName: 'machine',
                width: 150,
            },
            {
                title: "机速",
                key: "machineSpeed",
                dataIndex: "machineSpeed",
                slotName: 'machineSpeed',
                width: 150,
            },
            {
                title: "磨毛工艺",
                key: "sandCraft",
                dataIndex: "sandCraft",
                slotName: 'sandCraft',
                width: 150,
            },
            {
                title: '磨毛棍-1',
                children: [{
                    title: '砂纸型号',
                    dataIndex: 'sandModelStick1',
                    slotName: 'sandModelStick1',
                    width: 150,
                },
                {
                    title: '正转/反转',
                    dataIndex: 'justBackTurnStick1',
                    slotName: 'justBackTurnStick1',
                    width: 150,
                },
                {
                    title: '压力',
                    dataIndex: 'pressureStick1',
                    slotName: 'pressureStick1',
                    width: 150,
                },]
            },
            {
                title: '磨毛棍-2',
                children: [{
                    title: '砂纸型号',
                    dataIndex: 'sandModelStick2',
                    slotName: 'sandModelStick2',
                    width: 150,
                },
                {
                    title: '正转/反转',
                    dataIndex: 'justBackTurnStick2',
                    slotName: 'justBackTurnStick2',
                    width: 150,
                },
                {
                    title: '压力',
                    dataIndex: 'pressureStick2',
                    slotName: 'pressureStick2',
                    width: 150,
                },]
            },
            {
                title: '磨毛棍-3',
                children: [{
                    title: '砂纸型号',
                    dataIndex: 'sandModelStick3',
                    slotName: 'sandModelStick3',
                    width: 150,
                },
                {
                    title: '正转/反转',
                    dataIndex: 'justBackTurnStick3',
                    slotName: 'justBackTurnStick3',
                    width: 150,
                },
                {
                    title: '压力',
                    dataIndex: 'pressureStick3',
                    slotName: 'pressureStick3',
                    width: 150,
                },]
            },
            {
                title: '磨毛棍-4',
                children: [{
                    title: '砂纸型号',
                    dataIndex: 'sandModelStick4',
                    slotName: 'sandModelStick4',
                    width: 150,
                },
                {
                    title: '正转/反转',
                    dataIndex: 'justBackTurnStick4',
                    slotName: 'justBackTurnStick4',
                    width: 150,
                },
                {
                    title: '压力',
                    dataIndex: 'pressureStick4',
                    slotName: 'pressureStick4',
                    width: 150,
                },]
            },
            {
                title: '磨毛棍-5',
                children: [{
                    title: '砂纸型号',
                    dataIndex: 'sandModelStick5',
                    slotName: 'sandModelStick5',
                    width: 150,
                },
                {
                    title: '正转/反转',
                    dataIndex: 'justBackTurnStick5',
                    slotName: 'justBackTurnStick5',
                    width: 150,
                },
                {
                    title: '压力',
                    dataIndex: 'pressureStick5',
                    slotName: 'pressureStick5',
                    width: 150,
                },]
            },
            {
                title: '磨毛棍-6',
                children: [{
                    title: '砂纸型号',
                    dataIndex: 'sandModelStick6',
                    slotName: 'sandModelStick6',
                    width: 150,
                },
                {
                    title: '正转/反转',
                    dataIndex: 'justBackTurnStick6',
                    slotName: 'justBackTurnStick6',
                    width: 150,
                },
                {
                    title: '压力',
                    dataIndex: 'pressureStick6',
                    slotName: 'pressureStick6',
                    width: 150,
                },]
            },
        ]


        const tableColumns4 = [
            {
                title: '抓毛工艺',
                children: [
                    {
                        title: '类型',
                        dataIndex: 'scratchType',
                        slotName: 'scratchType',
                        width: 150,
                    },
                    {
                        title: '第一次抓毛',
                        children: [{
                            title: '机号',
                            dataIndex: 'firstMachineNo',
                            slotName: 'firstMachineNo',
                            width: 150,
                        },
                        {
                            title: '机速',
                            dataIndex: 'firstMachineSpeed',
                            slotName: 'firstMachineSpeed',
                            width: 150,
                        },
                        {
                            title: '抓前布封',
                            dataIndex: 'firstGrabFrontBuffon',
                            slotName: 'firstGrabFrontBuffon',
                            width: 150,
                        },
                        {
                            title: '抓后布封',
                            dataIndex: 'firstGrabAfterBuffon',
                            slotName: 'firstGrabAfterBuffon',
                            width: 150,
                        },
                        {
                            title: '1号',
                            dataIndex: 'firstNumber1',
                            slotName: 'firstNumber1',
                            width: 150,
                        },
                        {
                            title: '2号',
                            dataIndex: 'firstNumber2',
                            slotName: 'firstNumber2',
                            width: 150,
                        },
                        {
                            title: '3号',
                            dataIndex: 'firstNumber3',
                            slotName: 'firstNumber3',
                            width: 150,
                        },
                        {
                            title: '4号',
                            dataIndex: 'firstNumber4',
                            slotName: 'firstNumber4',
                            width: 150,
                        },
                        {
                            title: '5号',
                            dataIndex: 'firstNumber5',
                            slotName: 'firstNumber5',
                            width: 150,
                        },
                        {
                            title: '6号',
                            dataIndex: 'firstNumber6',
                            slotName: 'firstNumber6',
                            width: 150,
                        },
                        {
                            title: '7号',
                            dataIndex: 'firstNumber7',
                            slotName: 'firstNumber7',
                            width: 150,
                        },
                        {
                            title: '8号',
                            dataIndex: 'firstNumber8',
                            slotName: 'firstNumber8',
                            width: 150,
                        },]
                    },
                    {
                        title: '第二次抓毛',
                        children: [{
                            title: '机号',
                            dataIndex: 'secondMachineNo',
                            slotName: 'secondMachineNo',
                            width: 150,
                        },
                        {
                            title: '机速',
                            dataIndex: 'secondMachineSpeed',
                            slotName: 'secondMachineSpeed',
                            width: 150,
                        },
                        {
                            title: '抓前布封',
                            dataIndex: 'secondGrabFrontBuffon',
                            slotName: 'secondGrabFrontBuffon',
                            width: 150,
                        },
                        {
                            title: '抓后布封',
                            dataIndex: 'secondGrabAfterBuffon',
                            slotName: 'secondGrabAfterBuffon',
                            width: 150,
                        },
                        {
                            title: '1号',
                            dataIndex: 'secondNumber1',
                            slotName: 'secondNumber1',
                            width: 150,
                        },
                        {
                            title: '2号',
                            dataIndex: 'secondNumber2',
                            slotName: 'secondNumber2',
                            width: 150,
                        },
                        {
                            title: '3号',
                            dataIndex: 'secondNumber3',
                            slotName: 'secondNumber3',
                            width: 150,
                        },
                        {
                            title: '4号',
                            dataIndex: 'secondNumber4',
                            slotName: 'secondNumber4',
                            width: 150,
                        },
                        {
                            title: '5号',
                            dataIndex: 'secondNumber5',
                            slotName: 'secondNumber5',
                            width: 150,
                        },
                        {
                            title: '6号',
                            dataIndex: 'secondNumber6',
                            slotName: 'secondNumber6',
                            width: 150,
                        },
                        {
                            title: '7号',
                            dataIndex: 'secondNumber7',
                            slotName: 'secondNumber7',
                            width: 150,
                        },
                        {
                            title: '8号',
                            dataIndex: 'secondNumber8',
                            slotName: 'secondNumber8',
                            width: 150,
                        },]
                    },
                ]
            },
        ]

        const tableColumns5 = [
            {
                title: '机号',
                dataIndex: 'machineNo',
                slotName: 'machineNo',
                width: 150,
            },
            {
                title: '起/伏压力',
                dataIndex: 'upDownPressure',
                slotName: 'upDownPressure',
                width: 150,
            },
            {
                title: '伏/起压力',
                dataIndex: 'downUpPressure',
                slotName: 'downUpPressure',
                width: 150,
            },
            {
                title: '布速度',
                dataIndex: 'clothSpeed',
                slotName: 'clothSpeed',
                width: 150,
            },
            {
                title: '总压表',
                dataIndex: 'totalPressureGauge',
                slotName: 'totalPressureGauge',
                width: 150,
            },
            {
                title: '压力表',
                dataIndex: 'pressureGauge',
                slotName: 'pressureGauge',
                width: 150,
            },
        ]


        const tableColumns6 = [
            {
                title: '机号',
                dataIndex: 'machineNo',
                slotName: 'machineNo',
                width: 150,
            },
            {
                title: '剪面/剪底',
                dataIndex: 'cutFaceBack',
                slotName: 'cutFaceBack',
                width: 150,
            },
            {
                title: '布速度',
                dataIndex: 'clothSpeed',
                slotName: 'clothSpeed',
                width: 150,
            },
            {
                title: '张力',
                dataIndex: 'tension',
                slotName: 'tension',
                width: 150,
            },
            {
                title: '剪毛厚度表',
                dataIndex: 'cutHairLand',
                slotName: 'cutHairLand',
                width: 150,
            },
            {
                title: '原力速度',
                dataIndex: 'forceSpeed',
                slotName: 'forceSpeed',
                width: 150,
            },
        ]


        const tableColumns7 = [
            {
                title: '机号',
                dataIndex: 'machineNo',
                slotName: 'machineNo',
                width: 150,
            },
            {
                title: '设定温度',
                dataIndex: 'setHeat',
                slotName: 'setHeat',
                width: 150,
            },
            {
                title: '实际温度',
                dataIndex: 'actualHeat',
                slotName: 'actualHeat',
                width: 150,
            },
            {
                title: '削棉絮时间',
                dataIndex: 'dispelCottonDuration',
                slotName: 'dispelCottonDuration',
                width: 150,
            },
            {
                title: '喷蒸时间',
                dataIndex: 'steamDuration',
                slotName: 'steamDuration',
                width: 150,
            },
            {
                title: '热风时间',
                dataIndex: 'hotwindDuration',
                slotName: 'hotwindDuration',
                width: 150,
            },
            {
                title: '冷风时间',
                dataIndex: 'coldwindDuration',
                slotName: 'coldwindDuration',
                width: 150,
            },
        ]
        let selectedRowKeys1 = ref()
        let selectedRowKeys2 = ref()
        let selectedRowKeys3 = ref()
        let selectedRowKeys4 = ref()
        let selectedRowKeys5 = ref()
        let selectedRowKeys6 = ref()
        let selectedRowKeys7 = ref()
        //查询烧毛工艺
        function singeingProcess() {
            post({
                url: "dwWorkShop/SpecialSinge/getList",
                data: {
                    "fabricId": pageData.fabricId
                },
            })
                .then(({ data, code, message }: any) => {
                    if (code === 200) {
                        tableData['specialSinge'] = data
                    } else {
                        Message.error({
                            content: message,
                            duration: 5000,
                        });
                    }
                })
                .catch(console.log).finally(() => {
                    pageData.pageLoading = false
                })
        }
        //查询刷毛工艺
        function brushingProcess() {
            post({
                url: "dwWorkShop/SpecialBristle/getList",
                data: {
                    "fabricId": pageData.fabricId
                },
            })
                .then(({ data, code, message }: any) => {
                    if (code === 200) {
                        tableData['specialBristle'] = data
                    } else {
                        Message.error({
                            content: message,
                            duration: 5000,
                        });
                    }
                })
                .catch(console.log).finally(() => {
                    pageData.pageLoading = false
                })
        }
        //查询磨毛工艺
        function sandingProcess() {
            post({
                url: "dwWorkShop/SpecialSand/getList",
                data: {
                    "fabricId": pageData.fabricId
                },
            })
                .then(({ data, code, message }: any) => {
                    if (code === 200) {
                        tableData['specialSand'] = data
                    } else {
                        Message.error({
                            content: message,
                            duration: 5000,
                        });
                    }
                })
                .catch(console.log).finally(() => {
                    pageData.pageLoading = false
                })
        }
        //查询抓毛工艺
        function fleeceProcess() {
            post({
                url: "dwWorkShop/SpecialScratch/getList",
                data: {
                    "fabricId": pageData.fabricId
                },
            })
                .then(({ data, code, message }: any) => {
                    if (code === 200) {
                        tableData['specialScratch'] = data
                    } else {
                        Message.error({
                            content: message,
                            duration: 5000,
                        });
                    }
                })
                .catch(console.log).finally(() => {
                    pageData.pageLoading = false
                })
        }
        //查询梳毛工艺
        function cardingProcess() {
            post({
                url: "dwWorkShop/SpecialComb/getList",
                data: {
                    "fabricId": pageData.fabricId
                },
            })
                .then(({ data, code, message }: any) => {
                    if (code === 200) {
                        tableData['specialComb'] = data
                    } else {
                        Message.error({
                            content: message,
                            duration: 5000,
                        });
                    }
                })
                .catch(console.log).finally(() => {
                    pageData.pageLoading = false
                })
        }
        //查询剪毛工艺
        function shearingProcess() {
            post({
                url: "dwWorkShop/SpecialShear/getList",
                data: {
                    "fabricId": pageData.fabricId
                },
            })
                .then(({ data, code, message }: any) => {
                    if (code === 200) {
                        tableData['specialShear'] = data
                    } else {
                        Message.error({
                            content: message,
                            duration: 5000,
                        });
                    }
                })
                .catch(console.log).finally(() => {
                    pageData.pageLoading = false
                })
        }
        //查询摇毛工艺
        function shakingProcess() {
            post({
                url: "dwWorkShop/SpecialFluff/getList",
                data: {
                    "fabricId": pageData.fabricId
                },
            })
                .then(({ data, code, message }: any) => {
                    if (code === 200) {
                        tableData['specialFluff'] = data
                    } else {
                        Message.error({
                            content: message,
                            duration: 5000,
                        });
                    }
                })
                .catch(console.log).finally(() => {
                    pageData.pageLoading = false
                })
        }
        //查询做布步骤
        function clothMakingSteps() {
            post({
                url: "dwWorkShop/SpecialOther/getList",
                data: {
                    "fabricId": pageData.fabricId
                },
            })
                .then(({ data, code, message }: any) => {
                    if (code === 200) {
                        tableData['specialOther']['makeClothStep'] = data[0]['makeClothStep']
                    } else {
                        Message.error({
                            content: message,
                            duration: 5000,
                        });
                    }
                })
                .catch(console.log).finally(() => {
                    pageData.pageLoading = false
                })
        }
        return {
            selectedRowKeys1,
            selectedRowKeys2,
            selectedRowKeys3,
            selectedRowKeys4,
            selectedRowKeys5,
            selectedRowKeys6,
            selectedRowKeys7,
            tableData,
            tableColumns1,
            tableColumns2,
            tableColumns3,
            tableColumns4,
            tableColumns5,
            tableColumns6,
            tableColumns7,
            addLine,
            delLine,
            sideNo,
            pagingList1,
            dataListArray1,
            scroll,
            scrollbar,
            tablediv,
            huiche,
            localeText1,
            Details,
            sideOk,
            formRef,
            selectedRowKeys,
            pagination,
            tableColumns,
            table,
            rowKey,
            pageData,
            selectHandler,
            headerShow,
            handleChange,
            PageSize,
            change1,
            defaultColDef,
            tc,
            gridOption,
            gridReady,
            total,
            page,
            size,
        };
    },
    components: { Toolbar, PageTabelLayout,  }
}
</script>
<style scoped lang="less">
// 表格边框线条
:deep(.ag-cell) {
    border-right: 1px solid #dde2eb;
}

:deep(.ag-header-cell) {
    border-right: 1px solid #dde2eb;
}

:deep(.ag-cell-value) {
    user-select: initial;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
}

//右键菜单设置
.contextmenu {
    width: 100px;
    margin: 0;
    background: #fff;
    z-index: 9999;
    position: absolute;
    list-style-type: none;
    padding: 5px 0;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);

    .item {
        padding: 0 20px;
        height: 35px;
        width: 100%;
        line-height: 35px;
        color: rgb(29, 33, 41);
        cursor: pointer;

    }

    .item:hover {
        background: rgb(229, 230, 235);
    }
}
:deep(.arco-picker input){
    padding-left: 0 !important;
}
:deep(.arco-picker){
    padding-left: 0 !important;
}
:deep(.arco-picker-separator){
    padding: 0 !important;
}
</style>